<!DOCTYPE html>
<html>
	<head >
		<meta charset="UTF-8">
		<title>积分平台</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" type="text/css" href="__INDEX__/mui/css/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="__INDEX__/css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="__INDEX__/css/common.css"/>
		<link rel="stylesheet" type="text/css" href="__INDEX__/css/platform.css"/>
		<script src="__INDEX__/js/lib/font.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
	    <header class="mui-bar mui-bar-nav">
	        <h1 class="mui-title">平台使用</h1>
	    </header>
	    <div class="mui-content">
	    	<div class="modular">
	    		<div class="basicModular-top">
	    			<p><span class="mui-icon iconfont">&#xe600;</span>产品兑换</span></p>
	    		</div>
	    		<div class="basicModular-cont">
					{foreach $data as $value}
	    			<a href="{:url('index/convertibility')}?type={$value['id']}" class="mui-pull-left">
	    				<img src="{:getImg($value['picture'])}"/>
	    				<p class="basicModular-name">{$value['voucher_name']}</p>
	    			</a>
					{/foreach}
	    			<!--<a href="{:url('index/convertibility')}?type=2" class="mui-pull-left">-->
	    				<!--<img src="__INDEX__/images/chidao.png"/>-->
	    				<!--<p class="basicModular-name">迟到卷</p>-->
	    			<!--</a>-->
	    			<!--<a href="{:url('index/convertibility')}?type=3" class="mui-pull-left">-->
	    				<!--<img src="__INDEX__/images/qingjiajuan.png"/>-->
	    				<!--<p class="basicModular-name">请假卷</p>-->
	    			<!--</a>-->
	    			<a href="{:url('index/shopping')}" class="mui-pull-left" >
	    				<img src="__INDEX__/images/chanpingzhongxin.png" style="padding-bottom: .03rem;"/>
	    				<p class="basicModular-name">公司产品</p>
	    			</a>
	    			<!--<a href="add.html" class="mui-pull-left">
	    				<img src="__INDEX__/images/tianjia.png"/>
	    				<p class="basicModular-name">添加</p>
	    			</a>-->
	    		</div>
	    	</div>
	    	<div class="modular">
	    		<div class="road-top">
	    			<a href="{:url('index/promotionList')}" class="hrefNotice">
	    				<p><span class="mui-icon iconfont">&#xe6af;</span>晋升道路</span><span class="mui-pull-right mui-icon mui-icon-arrowright"></span></p>
	    			</a>
	    			<div class="road-cont">
						{foreach $zhiwei as $value}
	    				<a href="{:url('index/promotionInfo')}?id={$value['id']}"><div class="road-item"><span class="mui-pull-left dian"></span><p>职位发布：{$value['position_name']}{$value['number']}人，
							要求：{$value['explain']}</p></div></a>
						{/foreach}
	    				<!--<a href="{:url('index/promotionInfo')}"><div class="road-item"><span class="mui-pull-left dian"></span><p>职位发布：设计师2人，要求：如果你无法确定你是不是想要就别来</p></div></a>-->
	    				<!--<a href="{:url('index/promotionInfo')}"><div class="road-item"><span class="mui-pull-left dian"></span><p>职位发布：设计师2人，要求：如果你无法确定你是不是想要就别来</p></div></a>-->
	    			</div>
	    		</div>
	    	</div>
	    </div>
	    <nav class="mui-bar mui-bar-tab footer">
	        <a class="mui-tab-item" href="javascript:;">
	            <span class="mui-icon mui-icon-home"></span>
	            <span class="mui-tab-label">首页</span>
	        </a>
	        <a class="mui-tab-item"  href="javascript:;">
	            <i class="mui-icon iconfont">&#xe7bd;</i>
	            <span class="mui-tab-label">积分榜</span>
	        </a>
	        <a class="mui-tab-item mui-active">
	            <i class="mui-icon iconfont">&#xe64e;</i>
	            <span class="mui-tab-label">平台使用</span>
	        </a>
	        <a class="mui-tab-item">
				<i class="mui-icon iconfont">&#xe649;</i>
				<span class="mui-tab-label">个人中心</span>
				{if $newsshu}
				<b class="mui-badge mui-badge-danger weidu" style="position: absolute;top:.03rem;right:.2rem">
					{$newsshu}
				</b>
				{else}
				<b class="mui-badge mui-badge-danger weidu" style="position: absolute;top:.03rem;right:.2rem;display: none">
				</b>
				{/if}
			</a>
	    </nav>
		<script src="__INDEX__/js/lib/zepto.js" type="text/javascript" charset="utf-8"></script>
		<script src="__INDEX__/mui/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="__INDEX__/layer_mobile/layer.js" type="text/javascript" charset="utf-8"></script>
		<script src="__INDEX__/js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="__INDEX__/js/platform.js" type="text/javascript" charset="utf-8"></script>
		<script>
			setInterval(function(){
			    var $num = parseInt(Math.random()*9)+1;
			    $.post("/index/Message/index"+$num,{},function(data){
			        console.log(data);
			        if(data.code==200){
						if(data.data!=0){
                            $(".weidu").css("display",'block');
                            $(".weidu").text(data.data);
						}else{
                            $(".weidu").css("display",'none');
						}
					}
				});
			},60000);
		</script>
	</body>
</html>
